    
    .color-bg-animation {
        background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
        background-size: 400% 400%;
        animation: gradient 15s ease infinite;
    }

    @keyframes gradient {
        0% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }

    body{
        background:#f5f5f5;
    }
    
    .navbar-nologin{display:none;}

    .container-login .login-box{
        padding:1rem;
    }
    .container-login .login-box .card{
        box-shadow: 0 2px 1px 0px rgba(0,0,0,.08);
        border:none;
    }

    .dash-login-brand{
        display:block;
        padding:0px;
        overflow:hidden;
        text-align:center;
        position:relative;
        min-height:330px;
        overflow:hidden;
    }
    .dash-login-brand .box{
        position:absolute;
        left:6px;
        top:0;
        width:100%;
        height:100%;
        min-height:200px;
        background:#1c35a7;
        background-image: linear-gradient(120deg, #357fef 20%, #1c35a7 100%);
        text-align:center;
        display:flex;
        flex-direction: column;
        justify-items: center;
        justify-content: center;

        background: #fff url("../images/dashboard/login-tip.png") no-repeat center bottom;
        background-size: cover;
    }
    .dash-login-brand img{
        width:auto;
        margin:0 auto;
        max-width:180px;
        align-self: center;
    }

    /* .dash-login-box{
        display: flex;
        flex-direction: column;
        justify-content: center;
    } */

    #core-powered{
        position:absolute;
        bottom:0;
        width:100%;
        text-align:center;
    }
    #core-powered a{color:#999;}
